﻿@model qltscd.Models.ScreenClient.DVQLScreenClient

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Modules/_LayoutDanhMucNhapLieu.cshtml";
}
<script>
    function confirmXoa() {
        var idDVQL = document.getElementById('idDVQL').value;
        if (idDVQL == null || idDVQL == '-1') {
            alert("Chọn đơn vị quản lý trước");
        } else {
            if (confirm("Bạn có muốn xóa đơn vị quản lý này?")) {
                document.location = "/QuanLyThietBi/DonViQuanLy/XoaDonVi?id=" + idDVQL;
            }
        }
    }

    function confirmSua() {
        var idDVQL = document.getElementById('idDVQL').value;
        if (idDVQL == null || idDVQL == '-1') {
            alert("Chọn đơn vị quản lý trước");
        } else {
            document.location = "/QuanLyThietBi/DonViQuanLy/SuaDonVi?id=" + idDVQL;
        }
    }

    function onCheck(id) {
        document.getElementById('idDVQL').value = id;
    }
</script>
<h2>Đơn vị quản lý</h2>
<input type="hidden" value="-1" id="idDVQL" name="idDVQL"/>
@{
    Html.Telerik().Grid(Model.DSDonViQuanLy)
       .Name("grdDSDVQL")
       .DataKeys(keys => keys.Add(c => c.IdentityDonVi))
       .Resizable(r => r.Columns(true))
       .Reorderable(r => r.Columns(true))
       .Sortable()
       .Pageable(paging => paging.Enabled(true).Style(GridPagerStyles.NextPreviousAndInput).PageSize(15))
        //.Editable(editing => editing.Mode(GridEditMode.InCell))
       .ToolBar(t => {
           t.Custom()
               .Action("Create", "DonViQuanLy")
               .ButtonType(GridButtonType.ImageAndText)
               .ImageHtmlAttributes(new { @class = "t-icon t-add" })
               .Text("Thêm đơn vị quản lý");
           t.Custom()
              .Text("Xóa đơn vị")
              .Url("#")
              .HtmlAttributes(new { @onclick = "return confirmXoa()" })
              .ButtonType(GridButtonType.ImageAndText)
              .ImageHtmlAttributes(new { @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/cross.png')" });
           t.Custom()
              .Text("Sửa đơn vị")
              .ButtonType(GridButtonType.ImageAndText)
              .Url("#")
              .HtmlAttributes(new { @onclick = "return confirmSua()" })
              .ImageHtmlAttributes(new { @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/hammer.png')" });
           t.Custom()
               .Text("In PDF")
               .Action("ShowPdf", "DonViQuanLy")
               .ButtonType(GridButtonType.ImageAndText)
               .ImageHtmlAttributes(new {
                   @style = "background-image: url('./../../../../QuanLyThietBi/Content/Images/printer.png');"
               });
           t.Custom()
               .Text("Xuất Excel")
               .Action("ExportToExcel", "DonViQuanLy")
               .ButtonType(GridButtonType.ImageAndText)
               .ImageHtmlAttributes(new {
                   @style = "background-image: url('./../../../../QuanLyThietBi/Content/Images/printer.png');"
               });
       })
       .DataBinding(databinding => {
           databinding.Server()
               .Select("Index", "DonViQuanLy");
           databinding.Ajax()
               .Select("_Index", "DonViQuanLy")
               .Insert("_Insert", "DonViQuanLy")
               .Delete("_Delete", "DonViQuanLy")
               .Update("_Update", "DonViQuanLy");
       })
       .Columns(col => {
           col.Template(@<text>
    <input name = "checkedRecords" type = "radio" title="Chọn" value="@item.IdentityDonVi" onclick="onCheck(@item.IdentityDonVi)"/>
    </text>)
               .ClientTemplate("<input type = 'radio' name = 'checkedRecords' value='<#=IdentityDonVi#>' onclick='onCheck(<#=IdentityDonVi#>)' />")
               .Title("").Width(50);
           col.Bound(o => o.MaDonVi).Title("Mã đơn vị").Width(50);
         @*  .Template(@<text> <span onclick="openDetailsWindow('@item.IdentityDonVi')">@item.MaDonVi</span>
    </text>)
            .ClientTemplate("<span onclick='openDetailsWindow('<#=IdentityDonVi#>')'><#=MaDonVi#></span>")*@
         
           col.Bound(o => o.TenDonVi).Title("Tên đơn vị");
           col.Bound(o => o.TenVietTat).Title("Tên viết tắt").Width(300);
           //col.Command(c =>
           //{
           //    c.Custom("Delete")
           //        .ButtonType(GridButtonType.Image)
           //        .Action("Delete", "DonViQuanLy")
           //        .ImageHtmlAttributes(new { @class = "t-icon t-delete" });
           //}).Width(50);
       })
       .Render();
}
<script type="text/javascript">
    function openDetailsWindow(id) {
        var url = "/QuanLyThietBi/DonViQuanLy/ThongTinDonViQuanLy/" + id;
        var windowElement = $.telerik.window.create({
            title: 'Thông tin đơn vị quản lý',
            actions: ["Refresh", "Maximize", "Close"],
            contentUrl: url,
            modal: true,
            resizable: true,
            draggable: true,
            scrollable: true,
            visible: false,
            width: 1000,
            height: 650,
            id: 'detailsview',
            name: 'detailsview',
            onClose: function () {
                document.location = document.location;
            }
        });
        var w = $(windowElement).data("tWindow");
        w.center();
        w.open();
    }
</script>
